import React, { useRef, useEffect, useState } from 'react'
import { connect } from 'react-redux'
import BScroll from 'better-scroll'

import './video.scss'
let arrVar = []
for (let i = 0; i < 100; i++) {
  arrVar.push(i)
}
const Video = (props) => {
  const [arr, setArr] = useState([])

  useEffect(() => {
    let scroll = new BScroll('.video', {
      scrollY: true,
      scrollX: true
    })
   
  })

  return (
    <div className='video'>
      <ul className='video-content'>
        {
          arrVar.map(item => {
            return <li key={item}>{item}</li>
          })
        }
      </ul>
    </div>
  )
}
const mapStateToProps = (store) => {
  return store.common
 }
 
 const mapDispatchToProps = (dispatch) => {
   return {}
  }
 
 export default connect(mapStateToProps, mapDispatchToProps)(Video)